/**
 * 自动适应浏览器窗口大小
 */
$("document").ready(function () {
    midVerticalBox();
    fontFix();
})

window.addEventListener("resize",function (){
    fontFix();
    midVerticalBox();
});
function midVerticalBox() {
    $("[midVertiBox]").val(function () {
        $(this).css("position","absolute");
        var getChar_h = $(this).attr("midVertiBox");
        var charLength_h = getChar_h.length;
        if(getChar_h[charLength_h-1] == "x" && getChar_h[charLength_h-2] == "p"){
            var height = parseInt(getChar_h.split("p")[0]);
            var marginTop = -(height/2);
            $(this).css("height",height+"px");
            $(this).css("margin-top",marginTop + "px");
            $(this).css("top","50%");
        }else if(getChar_h[charLength_h-1] == "%"){
            var height = parseInt(getChar_h.split("%")[0]);

            // var top = (100-height)/2;
            // $(this).css("height",height+"%");
            // $(this).css("top",top+"%");

            var pre = height/100;
            var boxheight = window.innerHeight*pre;
            var marginTop = -(boxheight/2);
            $(this).css("height",boxheight+"px");
            $(this).css("margin-top",marginTop + "px");
            $(this).css("top","50%");

        }
        var getChar_w = $(this).attr("width");
        var charLength_w = getChar_w.length;
        if(getChar_w[charLength_w-1] == "x" && getChar_w[charLength_w-2] == "p"){
            var width = parseInt(getChar_w.split("p")[0]);
            $(this).css("width",width+"px");
        }else if(getChar_w[charLength_w-1] == "%"){
            var width = parseInt(getChar_w.split("%")[0]);
            $(this).css("width",width+"%");
        }
        var align = $(this).attr("horizontal-align");
        if(align == "left"){
            $(this).css("left",0);
        }else if(align == "right"){
            $(this).css("right",0);
        }else if(align == "center"){
            if(getChar_w[charLength_w-1] == "x" && getChar_w[charLength_w-2] == "p"){
                var width = parseInt(getChar_w.split("p")[0]);
                $(this).css("left","50%");
                $(this).css("margin-left",-width/2+"px");
            }else if(getChar_w[charLength_w-1] == "%"){
                var width = parseInt(getChar_w.split("%")[0]);
                $(this).css("left",(100-width)/2+"%");
            }
        }
    });
}

function fontFix() {
    $("[fontFix]").val(function () {
        var width = window.innerWidth;
        var fontSize = Math.ceil($(this).attr("fontFix")*(width/1920));
        $(this).css("font-size",fontSize);
        // if(fontSize >= 26){
        //     if(width >= 5760){
        //         $(this).css("font-size",parseInt(fontSize) + 12 +"px");
        //     }else if(width >= 3840 && width < 5760){
        //         $(this).css("font-size",parseInt(fontSize) + 12 +"px");
        //     }else if(width >= 2880 && width < 3840){
        //         $(this).css("font-size",parseInt(fontSize) + 10 +"px");
        //     }else if(width >= 2560 && width < 2880){
        //         $(this).css("font-size",parseInt(fontSize) + 8 + "px");
        //     }else if(width >= 2400 && width < 2560){
        //         $(this).css("font-size",parseInt(fontSize) + 6 + "px");
        //     }else if(width >= 2133 && width < 2400){
        //         $(this).css("font-size",parseInt(fontSize) + 4 + "px");
        //     }else if(width >= 1920 && width < 2133){
        //         $(this).css("font-size",parseInt(fontSize) + 2 + "px");
        //     }else if(width >= 1600 && width < 1920){
        //         $(this).css("font-size",fontSize + "px");
        //     }else if(width >= 1280 && width < 1600){
        //         $(this).css("font-size",fontSize - 2 + "px");
        //     }else if(width >= 1024 && width < 1280){
        //         $(this).css("font-size",fontSize - 4 + "px");
        //     }else if(width >= 800 && width < 1024){
        //         $(this).css("font-size",fontSize - 6 + "px");
        //     }else if(width < 800){
        //         $(this).css("font-size",fontSize - 8 + "px");
        //     }
        // }else if(fontSize < 26){
        //     if(width >= 1920){
        //         $(this).css("font-size",fontSize + "px");
        //     }else if(width >= 1600 && width < 1920){
        //         $(this).css("font-size",fontSize + "px");
        //     }else if(width >= 1280 && width < 1600){
        //         $(this).css("font-size",fontSize - 1 + "px");
        //     }else if(width >= 1024 && width < 1280){
        //         $(this).css("font-size",fontSize - 2 + "px");
        //     }else if(width >= 800 && width < 1024){
        //         $(this).css("font-size",fontSize - 3 + "px");
        //     }else if(width < 800){
        //         $(this).css("font-size",fontSize - 4 + "px");
        //     }
        // }
    })
}
